#@layout()

#define css()
<style>
    .box-body img {
        width: 100%;
        height: 200px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

    .box-footer .title{
        padding-top: 7px;
    }
</style>
#end

#define content()
<div class="content-wrapper">

    <section class="content-header">
        <h1>
            模板管理
            <small>Templates Management</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li class="active">模板管理</li>
        </ol>
    </section>

    <section class="content-header text-tap">
        <a href="">全部 (24)</a> | <a href="">PC模板 (22)</a> | <a href="">H5模板 (2)</a> | <a href="">小程序 (0)</a>
    </section>

    <section class="content">

        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <form class="form-horizontal actionPanel">
                            <div class="row">
                                <div class="form-group col-xs-4">
                                    <label class="col-sm-3 control-label">名称</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group col-xs-4">
                                    <button type="submit" class="btn btn-primary ">查询</button>
                                    <button type="reset" class="btn btn-default">重置</button>
                                    <a href="/admin/template/install" class="btn"> 安装新模板 </a>
                                </div>
                            </div>
                            <!-- /.box-body -->
                        </form>


                    </div>
                    <!-- /.box-header -->
                    <div class="box-body ">

                        <div class="row">
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-dashboard">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png"/>
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label class="title">模板名称11111111111111</label>
                                        <button type="button" class="btn btn-default disabled pull-right" disabled>
                                            <i class="fa fa-fw fa-check"></i>已启用
                                        </button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-dashboard">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png"/>
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label class="title">模板名称22222222222</label>
                                        <button type="button" class="btn btn-primary pull-right">启用</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-dashboard">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png"/>
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label class="title">模板名称333333333333</label>
                                        <button type="button" class="btn btn-primary pull-right">启用</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <!-- /.col -->
                        </div>

                        <div class="row">
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-dashboard">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png"/>
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label class="title">模板名称11111111111111</label>
                                        <button type="button" class="btn btn-primary pull-right" >已启用
                                        </button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-dashboard">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png"/>
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label class="title">模板名称22222222222</label>
                                        <button type="button" class="btn btn-primary pull-right">启用</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <div class="col-xs-4">
                                <!-- jQuery Knob -->
                                <div class="box box-dashboard">
                                    <!-- /.box-header -->
                                    <div class="box-body no-padding">
                                        <img src="/static/admin/images/avatar.png"/>
                                        <!-- /.row -->
                                    </div>
                                    <!-- /.box-body -->
                                    <div class="box-footer">
                                        <label class="title">模板名称333333333333</label>
                                        <button type="button" class="btn btn-primary pull-right">启用</button>
                                    </div>
                                </div>
                                <!-- /.box -->
                            </div>
                            <!-- /.col -->
                        </div>

                    </div>
                </div>
                <!-- /.box -->
            </div>
        </div>

    </section>


</div>
#end
